<div id="edge-translate-result">
	<div class="main-meaning" title="<% chrome.i18n.getMessage('OriginalText') + ': \n' + this.originalText %>">                
		<% if (this.mainMeaning.length <= 6) { %>
			<p class="may-need-rtl main-meaning-content-larger"><% this.mainMeaning %></p>
		<% } %>
		<% else if (this.mainMeaning.length > 6 && this.mainMeaning.length <= 12) { %>  
			<p class="may-need-rtl main-meaning-content-large"><% this.mainMeaning %></p>
		<% } %>
		<% else if (this.mainMeaning.length > 12 && this.mainMeaning.length <= 460) { %>  
			<p class="may-need-rtl main-meaning-content-small"><% this.mainMeaning %></p>
		<% } %>
		<% else { %>  
			<p class="may-need-rtl main-meaning-content-smaller"><% this.mainMeaning %></p>
		<% } %>                                
		<span id="icon-copy" class="edge-translate-icon" title="<% chrome.i18n.getMessage('CopyResult') %>"><?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1577246791324" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1128" width="64" height="64" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M768 682.666667V170.666667a85.333333 85.333333 0 0 0-85.333333-85.333334H170.666667a85.333333 85.333333 0 0 0-85.333334 85.333334v512a85.333333 85.333333 0 0 0 85.333334 85.333333h512a85.333333 85.333333 0 0 0 85.333333-85.333333zM170.666667 170.666667h512v512H170.666667z m682.666666 85.333333v512a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 0 85.333333 85.333334h426.666667a170.666667 170.666667 0 0 0 170.666667-170.666667V341.333333a85.333333 85.333333 0 0 0-85.333334-85.333333z" p-id="1129" stroke-width="100"></path></svg></span>
	</div>
	<div class="target-phonetic-symbol">
		<% if (this.tPronunciation && this.tPronunciation.length > 0) { %>
			<% if (this.tPronunciation.length <= 10) { %>
				<p class="may-need-rtl target-phonetic-symbol-large"><% this.tPronunciation %></p>
			<% } %>
			<% else if (this.tPronunciation.length > 10 && this.tPronunciation.length <= 16) { %>  
				<p class="may-need-rtl target-phonetic-symbol-medium"><% this.tPronunciation %></p>
			<% } %>
			<% else { %>  
				<p class="may-need-rtl target-phonetic-symbol-small"><% this.tPronunciation %></p>
			<% } %>                                
		<% } %>
	</div>
	<div class="pronounce">
		<% if (this.originalText.length <= 200) { %>
			<p class="content-title pronounce-item">
				<i id="source-pronounce" class="edge-translate-icon icon-pronounce"><?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1551769149180" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4976" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M227.556 312.889v-28.445h-85.334c-47.457 0-85.333 38.326-85.333 85.603v283.906c0 47.583 38.205 85.603 85.333 85.603h85.334V312.889z m56.888 415.289L512 910.222V113.778L284.444 295.822v432.356z m-56.888-45.511v56.889l254.317 211.93c47.86 39.885 87.016 21.699 87.016-40.984V113.498c0-62.718-38.958-81.033-87.016-40.985L227.556 284.444v56.89h-56.89c-31.637 0-56.888 25.234-56.888 56.364v228.604c0 30.71 25.47 56.365 56.889 56.365h56.889z m455.113-384.419l241.359-241.36 40.226 40.227-241.359 241.36-40.226-40.227z m0 424.645l241.359 241.36 40.226-40.227-241.359-241.36-40.226 40.227z m-0.002-267.782H967.11V512H682.667v-56.889z" p-id="4977"></path></svg></i>&nbsp;
				<span><% chrome.i18n.getMessage("PronounceOriginal") %></span>
			</p>
			
			<p class="content-title pronounce-item">
				<i id="target-pronounce" class="edge-translate-icon icon-pronounce"><?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1551769149180" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4976" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M227.556 312.889v-28.445h-85.334c-47.457 0-85.333 38.326-85.333 85.603v283.906c0 47.583 38.205 85.603 85.333 85.603h85.334V312.889z m56.888 415.289L512 910.222V113.778L284.444 295.822v432.356z m-56.888-45.511v56.889l254.317 211.93c47.86 39.885 87.016 21.699 87.016-40.984V113.498c0-62.718-38.958-81.033-87.016-40.985L227.556 284.444v56.89h-56.89c-31.637 0-56.888 25.234-56.888 56.364v228.604c0 30.71 25.47 56.365 56.889 56.365h56.889z m455.113-384.419l241.359-241.36 40.226 40.227-241.359 241.36-40.226-40.227z m0 424.645l241.359 241.36 40.226-40.227-241.359-241.36-40.226 40.227z m-0.002-267.782H967.11V512H682.667v-56.889z" p-id="4977"></path></svg></i>&nbsp;
				<span><% chrome.i18n.getMessage("PronounceTranslated") %></span>	
			</p>
		<% } %>
	</div>
	<div class="phonetic-symbol">
		<% if (this.sPronunciation && this.sPronunciation.length > 0) { %>
			<p class="content-title"><% chrome.i18n.getMessage("PhoneticSymbol") %>: </p>  
			<ul>
				<li class="phonetic-symbol-content">[<% this.sPronunciation %>]</li>  
			</ul>
		<% } %>
	</div>
	<hr/>
	<div class="detailed-meanings">
		<% if (this.detailedMeanings && this.detailedMeanings.length > 0) { %>
			<span class="content-title"><% chrome.i18n.getMessage("DetailedMeanings") %>: </span>
			<% for (let i in this.detailedMeanings) { %>
				<p class="detailed-meanings-content">  
					<p class="word-type"><% this.detailedMeanings[i].pos + ": " %></p>  
					<p class="may-need-rtl content"><% this.detailedMeanings[i].meaning %></p>
					<% if (this.detailedMeanings[i].synonyms) { %>
						<p class="may-need-rtl content"><% this.detailedMeanings[i].synonyms.join(", ") %></p>
					<% } %>
				</p>
			<% } %>  
		<% } %>  
	</div>
	<hr/>
	<div class="definitions">  
		<% if (this.definitions && this.definitions.length > 0) { %>  
			<p class="content-title"><% chrome.i18n.getMessage("Definitions") %>: </p>  
			<% for (let i in this.definitions) { %>  
				<div class="definitions-content">  
					<p class="word-type"><% this.definitions[i].pos + ": " %></p>
					<span class="content">
						<span><% chrome.i18n.getMessage("DefinitionsMeaning") %>: </span>
						<p class="definitions-content"><% this.definitions[i].meaning %></p>  
						<span><% chrome.i18n.getMessage("DefinitionsExample") %>: </span>
						<p class="definitions-content"><% this.definitions[i].example %></p>
						<% if (this.definitions[i].synonyms) { %>
							<span><% chrome.i18n.getMessage("Synonyms") %>: </span>
							<p class="definitions-content"><% this.definitions[i].synonyms.join(", ") %></p>
						<% } %>
					</span>
				</div>  
			<% } %>  
		<% } %>  
	</div>
	<hr/>
	<div class="examples">  
		<% if (this.examples && this.examples.length > 0) { %>  
			<p class="content-title"><% chrome.i18n.getMessage("Examples") %>: </p>  
			<ol>  
				<% for (let i in this.examples) { %>  
					<li class="sentences">
						<p><% this.examples[i].target %></p>
						<p><% this.examples[i].source %></p>
					</li>  
				<% } %>  
			</ol>  
		<% } %>  
	</div>
</div>
